import { defineConfig } from 'vite'
import vue from '@vitejs/plugin-vue'
import { resolve } from 'path'

export default defineConfig({
  plugins: [vue()],
  //解决“vite use `--host` to expose”
  base: './',
  server: {             
    host: '0.0.0.0',	
    // port: 8080,      
    open: true
  },
  resolve:{   
    //别名配置，引用src路径下的东西可以通过@如：import Layout from '@/layout/index.vue'
    alias:[   
      {
        find:'@',
        replacement:resolve(__dirname,'src') 
      }
    ]
  },
  css: {
    // CSS 预处理器
    preprocessorOptions: {
        // 定义全局 SCSS 变量
        scss: {
            javascriptEnabled: true,
            additionalData: "@use '/src/styles/variables.scss' as *;",
        },
    },
},
————————————————

                        版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
                    
原文链接：https://blog.csdn.net/qq_46574748/article/details/141193331
})
